body{
    background-color: #d1d1d1;
    width: 100%;
    height: 100%;
}

.main{
    color: #fff;
}

.main_css{
    width: 40%;
}

ul li a:hover,
a:active {
    background-color: #a1a1a1;
    color: #fff;
}

 li {
     /*水平菜单*/
     float: left;
     list-style: none;
     position: relative;
     line-height: 100px;
     /*把包含块移动li元素*/
 }
 a {
     display: block;
     position: relative;
     height: 100px;
     width: 100px;
     border-radius: 50%;
     background-color: #f08080;
     font-size: 70px;
     color: #fff;
     text-decoration: none;
     text-align: center;
 }

 .main-s1{
     margin-left: 28%;     
 }



 .main_tip1{
    top: -50px;
    left: 30%;
 }

.main_tip2 {
    top: -50px;
    left: 63.5%;
}

.tip{
    background-color: #fff;
    color: #000000;
    line-height: 25px;
    border-radius: 5%;
}